<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/register.css">
</head>
<div>
    <form action="#" class="contact_form">

        <ul>
            <li>
                <h2>用户注册</h2>
            </li>
            <li class="usually">
                <span>昵称：</span>
                <input type="text" name="name" required pattern="^[a-zA-Z0-9{6,8}]">
            </li>
            <li class="usually">
                <span>注册邮箱</span>
                <input type="email" required placeholder="niewei@example.com">
            </li>
            <li class="usually">
                <span>密码：</span>
                <input type="password" name="password" required>
            </li>
            <li>
                <span>性别</span>
                <input type="radio" id="male" name="sex" value="emale" checked>
                <label for="male">男</label>
                <input type="radio" id="fmale" name="sex" value="female" checked>
                <label for="fmale">女</label>

            </li>
            <li class="usually">
                <span>年龄：</span>
                <input type="number" name="age" required>
            </li>
            <li>
                <span>兴趣爱好：</span>
                <input type="checkbox" id="football" name="interrst[]">
                <label for="football">足球</label>
                <input type="checkbox" id="read" name="interrst[]">
                <label for="read">阅读</label>
                <input type="checkbox" id="swim" name="interrst[]">
                <label for="swim">游泳</label>
            </li>
            <li>
                <span>自我介绍：</span>
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </li>
            <li></li>
        </ul>

    </form>



</div>

<body>

</body>

</html>